﻿/* CSS Document */
.container{display:block; width:100%; margin-top:60px;}
.container .products{display:block;width:100%; margin:0 auto; padding-bottom:20px; background:url(../images/p_bg.jpg) repeat-x left bottom;}
.container .products .title{display:block; width:100%;height:60px;overflow:hidden;}
.container .products .title .tt_01{float:left; width:16%;}
.container .products .title .tt_02{float:left;width:49%; font-size:17px; color:#222; line-height:60px; padding-left:6%; background:url(../images/line.jpg) no-repeat left center;}
.container .products .title .tt_03{float:right; width:20%;}
.container .products .title .tt_01 h4{display:block;line-height:30px; font-size:20px; color:#222;}
.container .products .title .tt_01 i{font-style:normal; line-height:20px; font-size:16px; color:#666;}
.container .products .title .moret{float:right;background:#535252; border-radius:4px; color:#fff; font-size:13px; padding:0px 5px; margin-top:17px;line-height:20px;}
.container .products .title .moret:hover{background:#b71c22;}
.container .products .con{display:block; width:100%; margin-top:20px;}
.container .products .con ul{display:none;}
.container .products .con li{float:left; width:24%; margin-right:1%; position:relative; z-index:2; left:0; top:0;height:214px; overflow:hidden; margin-bottom:20px;}
.container .products .con li a.pic{display:Block; width:100%; background:#b71c22;height:214px;}
.container .products .con li a.pic img{display:Block; width:100%;height:214px;}
.container .products .con li:hover img{opacity:0.2;}

.container .products .con li a.detail{display:block; position:absolute; left:0; top:176px; z-index:5; width:90%; padding:0% 5%; height:214px;background:url(../images/black.png) repeat left bottom;}
.container .products .con li a.detail span{font-size:17px; color:#fff; display:block; line-height:40px;background:url(../images/line2.jpg) no-repeat left bottom;}
.container .products .con li a.detail i{display:block; line-height:30px;font-size:13px; color:#fff;  font-style:normal; font-weight:bold;}

.container .products .con li:hover a.detail{top:0px;background:None;}
.container .products .con li:hover a.detail i{font-size:13px; line-height:20px; font-weight:normal; padding-top:7px;}

.container .products .mon{display:block; width:100%;background:#fff; margin-top:20px;}
.container .products .mon dd{float:left;width:25%;border-bottom:1px solid #e1e1e1; background:url(../images/dian.jpg) repeat-y right top;}
.container .products .mon dd a{display:block; padding:25px 0px;}
.container .products .mon dd span{display:block;line-height:20px; color:#888888; font-size:16px; text-align:center; font-weight:bold;}
.container .products .mon dd i{display:block; line-height:20px; font-size:10px; color:#888; text-align:center; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-style:normal;}

.container .products .mon dd a:hover{background:#b71c22;}
.container .products .mon dd a:hover span{color:#fff;}
.container .products .mon dd a:hover i{color:#fff;}

.container .products .mon dd a.current{background:#b71c22; margin-top:-20px;height:50px; padding-top:35px; }
.container .products .mon dd a.current span{color:#fff;}
.container .products .mon dd a.current i{color:#fff;}


.container .wrap{display:block; max-width:1200px; margin:0 auto; margin-top:80px;}
.container .wrap .service{width:24%; padding-right:1%;margin-right:1%; border-right:1px solid #e1e1e1;}
.container .wrap .service .title{display:block;height:40px; line-height:40px;}
.container .wrap .service .title h4{display:block; line-height:40px;font-size:20px; color:#222;}
.container .wrap .service .title h4 .en{line-height:40px; font-size:18px; color:#222; padding-left:7px; font-weight:normal; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.container .wrap .service .tip{display:block; line-height:22px; font-size:13px;color:#999; margin-top:10px;}
.container .wrap .service .con{display:block;margin-top:20px;}
.container .wrap .service .con dl{display:block; margin-bottom:25px;}
.container .wrap .service .con dl dt{display:block; margin-bottom:7px;}
.container .wrap .service .con dl dt a{height:30px; line-height:30px;padding:2px 5px; font-size:15px; color:#fff;background:#b71c22;text-align:center;}
.container .wrap .service .con dl dd{font-size:14px; color:#666;}
.container .wrap .service .con dl dd a{font-size:14px; color:#666;}


.container .wrap .news{width:72%;}
.container .wrap .news .title{display:block; height:40px; line-height:40px;}
.container .wrap .news .title h4{line-height:40px; font-size:20px; color:#222;}
.container .wrap .news .title h4 .en{line-height:40px;padding-left:10px; font-size:18px; text-transform:uppercase; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
.container .wrap .news .title .more{float:right;background:#535252; border-radius:4px; color:#fff; font-size:13px; padding:0px 5px; margin-top:17px;line-height:20px;}
.container .wrap .news .title .more:hover{background:#b71c22; }
.container .wrap .news .con{display:block; margin-top:20px;}
.container .wrap .news .con .rescommend .ns{float:left; width:30%;}
.container .wrap .news .con .rescommend  .ns img{display:block; width:100%;}
.container .wrap .news .con .rescommend  .wz{float:right; width:68%; border-top:1px dashed #e1e1e1;padding-top:10px;}
.container .wrap .news .con .rescommend  .wz .tit{display:block;line-height:30px; font-size:20px; color:#b71c22;}
.container .wrap .news .con .rescommend  .wz .tit:hover{font-weight:bold;}
.container .wrap .news .con .rescommend  .wz .time{display:block; line-height:20px;font-size:14px;padding:4px 0px;}
.container .wrap .news .con .rescommend  .wz .detail{display:block; font-size:14px; line-height:24px; color:#999;}
.container .wrap .news .con .rescommend  .wz .detail:hover{color:#b71c22;}
.container .wrap .news .con .rescommend  .wz .detail strong{color:#444;}
.container .wrap .news .con .rescommend  .wz .moret{display:block;line-height:30px; font-size:14px; color:#b71c22; margin-top:0px;}
.container .wrap .news .con .rescommend  .wz .moret:hover{font-weight:bold;}
.container .wrap .news .con ul{display:block; width:100%; margin-top:10px;}
.container .wrap .news .con ul li{float:left; width:48%; margin-right:2%;}
.container .wrap .news .con ul li a{display:block; width:100%; line-height:34px; font-size:14px; padding-left:12px; background:url(../images/dot.jpg) no-repeat left center;}
.container .wrap .news .con ul li a:hover{font-weight:bold;}
.container .wrap .news .con ul li .time{float:right; line-height:34px; color:#999; font-size:14px;}

.container .partner{width:25%; background:#f2f2f2; margin-top:55px;}
.container .partner .title{display:block; padding:10px 25px;}
.container .partner .title h4{display:block;font-size:20px; line-height:40px; color:#222;}
.container .partner .title h4 .en{padding-left:10px; font-weight:normal; font-size:18px; color:#222; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.container .partner .con{display:block; padding:7px 25px;}
.container .partner .con li{float:left; width:50%;}

.container .profile{width:44%;height:300px; background:url(../images/profile_bg.jpg) no-repeat left top;margin-top:55px;margin-left:2px; }
.container .profile .title{display:block; padding:10px 25px;}
.container .profile .title h4{display:block;font-size:20px; line-height:40px; color:#222;}
.container .profile .title h4 .en{padding-left:10px; font-weight:normal; font-size:18px; color:#222; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.container .profile .con{font-size:13px; line-height:24px;padding:0% 5%;}
.container .profile .con a{font-size:13px; line-height:26px;}
.container .profile .con .moret{display:block;line-height:30px; font-size:14px; color:#b71c22; text-transform:uppercase; margin-top:15px;}
.container .profile .con .moret:hover{font-weight:bold;}

.container .style{width:30%;margin-top:55px;}

.container .style .szg_huan{display:block; width:100%; position:relative;z-index:2;overflow:hidden;}
.container .style .huan{display:block; width:100%; height:280px; position:relative;z-index:2;overflow:hidden;}
.container .style .huan .ze{display:block; position:absolute;width:390px;padding:0px 5px; left:0; bottom:0; height:38px; z-index:3;color:#fff;line-height:34px;font-size:16px;}
.container .style .huan .pic{display:block; width:1200%;}
.container .style .huan .pic li img{display:block; width:375px; height:280px;}
.container .style .huan .pic li{float:left; width:375px; height:280px;}
.container .style .huan  .btnt{ position:absolute;right:0px; bottom:7px; z-index:22;height:22px;}
.container .style .huan  .btnt li{float:left;width:22px; height:22px;line-height:22px;background:#313131;font-size:15px;margin-right:5px;cursor:pointer;color:#fff;text-align:center;}
.container .style .huan  .btnt li.red{background:#b71c22;}


.container .case{display:block; width:100%; margin-top:100px; background:#f2f2f2;}
.container .case .inner{display:block; max-width:1200px; margin:0 auto;  position:relative; z-index:2; left:0; top:0; padding-bottom:80px;}
.container .case .inner .fl{float:none;display:block; position:absolute; z-index:8; left:0; top:-30px; width:25%; background:#313131 url(../images/ty.jpg) no-repeat right bottom; }
.container .case .inner .fl .f_in{display:block; padding:30px 20px;}
.container .case .inner .fl .f_in .title{display:block;height:50px; border-left:8px solid #b71c22; padding-left:10px;}
.container .case .inner .fl .f_in .title .en{display:block;line-height:20px; font-size:20px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#bfbfbf;}
.container .case .inner .fl .f_in .title h4{display:block; line-height:30px;font-size:20px; color:#fff;}
.container .case .inner .fl .f_in .tip{display:block;font-size:13px; line-height:22px; color:#adadad; margin-top:20px; padding-bottom:15px; border-bottom:1px dashed #4f4f4f;}
.container .case .inner .fl .f_in .con{display:block; margin-top:15px;}
.container .case .inner .fl .f_in .con li{display:block; line-height:40px;}
.container .case .inner .fl .f_in .con li a{display:block; line-height:40px; font-size:14px; color:#fff; background:url(../images/biao.jpg) no-repeat left 22px; padding-left:15px;}

.container .case .inner .fr{width:73%; padding-top:40px;overflow:hidden;}
.container .case .inner .fr .rescommend{display:block; width:100%;}
.container .case .inner .fr .rescommend .ns{float:left; width:48%;}
.container .case .inner .fr .rescommend .ns img{display:block; width:100%;}
.container .case .inner .fr .rescommend .wz{float:right; width:50%;}
.container .case .inner .fr .rescommend .wz .tit{display:block; line-height:50px; font-size:20px; color:#b71c22; font-weight:bold; text-align:right; width:100%;}
.container .case .inner .fr .rescommend .wz .detail{display:block; font-size:14px; line-height:24px; color:#777;}
.container .case .inner .fr .rescommend .wz .more_out{float:right; width:97px; height:72px; background:url(../images/more_bg.jpg) no-repeat left top; margin-top:25px; position:relative; z-index:2; left:0; top:0; }
.container .case .inner .fr .rescommend .wz .more_out .moret{display:block; position:absolute; left:-44px; top:20px; width:82px; height:37px; background:#b71c22; line-height:37px; font-size:13px; text-align:center; color:#fff;}

.container .case .inner .fr .ul_out{display:block; width:101.5%; margin-top:25px;}
.container .case .inner .fr ul{display:block; width:100%; }
.container .case .inner .fr ul li{float:left; width:32%; margin-right:1.3%;}
.container .case .inner .fr ul li a{display:block; width:95%;padding:2%; padding-bottom:0%; border:1px solid #e1e1e1; font-size:14px; line-height:40px;}
.container .case .inner .fr ul li a img{display:block; width:100%;}
.container .case .inner .fr ul li a:hover{background:#b71c22; border:1px solid #b71c22; color:#fff;}